<template>
	<el-form :model="formComments">
		<el-form-item>
			<el-input v-model="formComments.content" type="text"></el-input>
			<el-button @click="handleComments">发表评论</el-button>
		</el-form-item>
	</el-form>
</template>
<script>
import axios from 'axios'
export default {
	data() {
		return {
			formComments: {
				content: ''
			}
		}
	},
	props: ['item'],
	methods: {
		async handleComments() {
			console.log('我是在子组件中的添加 this.item:-->', this.item)
			const content = {
				commentsId: this.item.commentsId,
				acceptId: this.item.sendId, // sendId，是渲染在父组件中的评论内容，现在我要跟这条评论聊天，那么，这个sendId，就变成了聊天对象，也就是接收者，也就是acceptId
				blogsId: this.item.blogsId,
				content: this.formComments.content
			}
			console.log('content:', content)
			const result = await this.$http.post('/api/addSubComments', content)

			// 关闭回复的 输入框内容 showReply : 控制一级评论框关闭
			// show 控制二级评论框关闭
			if (this.item.show || this.item.showReply) {
				// 发表评论之后，分别一级或者二级评论框
				this.item.show = false
				this.item.showReply = false
			}
			console.log('item', this.item, '------------')

			// 子传父
			this.$emit('onClickParent', { msg: 'success' })
		}
	}
}
</script>
